<template>
  <div class="main-app">
    <div class="search">
      <el-form :inline="true" :model="formInline" class="demo-form-inline" style="height: 36px;">
        <el-form-item label="工单编号" style="font-weight: unset;">
          <el-input v-model="formInline.user" type="seatch" placeholder="请输入" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit"> <i class="el-icon-search" style="padding-right: 3px;" />查询</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div v-loading="loading" class="result">
      <div class="buttonoper">
        <el-button type="warning" class="btton1"><i class="el-icon-circle-plus-outline" /> 新建</el-button>
      </div>
      <template>
        <el-table
          empty-text="暂无数据"
          :data="newGoodlist.currentPageRecords"
          style="width: 100%"
        >
          <el-table-column
            type="index"
            label="序号"
            width="60"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="name"
            label="合作商名称"
            width="200"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="account"
            label="账号"
            width="200"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="vmCount"
            label="设备数量"
            width="160"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="ratio"
            label="分成比例"
            width="180"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="contact"
            label="联系人"
            width="165"
            align="center"
            header-align="center"
          />
          <el-table-column
            prop="mobile"
            label="联系电话"
            width="210"
            align="center"
            header-align="center"
          />
          <el-table-column
            width="220"
            label="操作"
            align="center"
            header-align="center"
          >
            <template slot-scope="scope">
              <a style="color: #5f84ff;" @click="chankan(scope.row)">重置密码</a> &nbsp;
              <a style="color: #5f84ff;" @click="Modify(scope.row)">查看详情</a>  &nbsp;
              <a style="color:#5f84ff;" @click="oldianwei(scope.row)">修改</a>&nbsp;
              <a style="color:red;" @click="deledianwei(scope.row)">删除</a>
            </template>
          </el-table-column>
        </el-table>
      </template>
    </div>
  </div></template>

<script>
import { seatchpartnerApi } from '@/api'
export default {
  name: 'Mainindex',
  // components: { list },
  data() {
    return {
      newGoodlist: [],
      formInline: {
        user: '',
        region: ''
      },
      navbar: ['序号', '区域名称', '点位数', '备说明', '工单方式', '工单状态', '运营人员', '创建日期', '操作'],
      loading: false
    }
  },
  computed: {

  },
  watch: {
    stateend() {
      this.loading = false
    }
  },
  async created() {
    const aa = await seatchpartnerApi()
    this.newGoodlist = aa.data
  },
  methods: {
    // 查询按钮
    onSubmit() {
    },
    // 重置
    chankan() {

    },
    // 查看详情
    Modify() {

    },
    // 修改
    oldianwei() {

    },
    // 删除
    deledianwei() {

    }
  }
}
</script>

  <style lang="scss">
    .bottter{
      margin-top: 40px;
      display: flex;
      justify-content:space-between;
      .left11{
        font-size: 16px;
        color: #999;
      }
      .right22button{
        height: 30px;
        padding: 0;
       padding-left: 10px;
       padding-right: 10px;
      }
    }
  .buttonoper{
      margin-bottom: 6px;
  }
  .el-table__header-wrapper{
          th{
             padding: 5px 0;
             background-color: rgb(243, 246, 251) !important;
      }
  }

  .btton1{
      display: flex;
      display: inline-block;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 80px!important;
      height: 36px;
      padding: 0;
      background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
      border: none;
  }
  .button11{
      display: flex;
      display: inline-block;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 80px!important;
      height: 36px;
      padding: 0;
      background-color: #fbf4f0!important;
      border: none;
      color: #655b56!important;
  }
  .el-form-item__label{
      font-weight: 400 !important;
      color: unset !important;
  }
  </style>
  <style scoped lang="scss">
  .main-app{

      overflow: hidden;
      margin: 20px;
      .search{
          display: flex;
          overflow: hidden;
      height: 64px;
      -webkit-box-align: center;
      align-items: center;
      margin-bottom: 20px;
      padding-left: 17px;
      background-color: #fff;
      }
      .result{
          height: 673px;
          padding:20px;
          background-color: #fff;
      }
  }

  </style>
